<!DOCTYPE html>
<html lang="en" xmlns:layout="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	layout:decorate="~{user/layout}">

<head>
	<title>Law - sport activity </title>
</head>

<body>
	<div layout:fragment="fragment_body">
		<section class="pt-xl-8">
			<div class="container">
				<div class="row g-4 g-lg-6">
					<!-- Title and author -->
					<div class="col-lg-8 mx-auto text-center">
						<h1 class="h2 mb-0" th:text="${law.lawRemark}"></h1>
						<!-- Author and actions -->
						<div class="d-sm-flex justify-content-center justify-content-sm-between align-items-center text-start mt-5">
							<!-- Action -->
							<div class="d-flex justify-content-center align-items-center flex-wrap">
								<span class="text-secondary" th:text="${#dates.format(law.lawTime, 'dd/MM/yyyy HH:mm')}">-</span>
							</div>
						</div>
					</div>
					<!-- Content -->
					<div class="col-lg-8 mx-auto" th:utext="${law.lawContent}"></div>
				</div> <!-- Row END -->
			</div>
		</section>
	</div>
	<script layout:fragment="fragment_script">

	</script>
</body>

</html>